<template>
	<view class="pageItem">
		<view class="main">
			<view class="main_con">
				<block v-for="(item,index) in 20" :key="'r_'+index">
					<view class="row">
						<view class="r_con">
							<view class="r_c_t1">后台传来获得的说明</view>
							<view class="r_c_t2">2020-02-02 12:12:12</view>
						</view>
						<view class="r_num">
							<label class="num">+1</label>
							<image class="logo" src="../../static/other/diamond_mini.png" mode="widthFix"></image>
						</view>
					</view>
				</block>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		onLoad() {
			
		},
		methods:{

		}
	}
</script>

<style lang="scss">
.main{
	width: 100%;
	position: relative;
	z-index: 2;
	padding: 4vw 4% 0;
	.main_con{
		width: 100%;
		.row:not(:first-child){
			margin-top: 2vw;
		}
		.row{
			width: 100%;
			@include card_style();
			display: flex;
			align-items: center;
			.r_con{
				flex: 1;
				.r_c_t1{
					width: 100%;
					font-size: 4vw;
					font-weight: bold;
					color: $main_color5;
					@include text_over_style(1);
				}
				.r_c_t2{
					width: 100%;
					color: $main_color4;
					font-size: 3.3vw;
					padding-top: 2vw;
				}
			}
			.r_num{
				font-size: 5vw;
				font-weight: bold;
				.num{
					color: $price_color;
				}
				.logo{
					width: 4vw;
					margin-left: 2vw;
				}
			}
		}
	}
}
</style>
